<html>
<head>
	<meta charset='utf-8' />
	<title>小区信息助手</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<style>
		
		@media screen and (max-width:450px){
			#content{width:98%;margin:0 auto;border:1px solid}
			/*页面宽度900以下时 .abc的宽度为450*/
		}
		@media screen and (min-width:450px){
			#content{width:450px;margin:0 auto;border:1px solid}
			/*页面宽度900以下时 .abc的宽度为450*/
		}
	</style>
</head>

<body id='content' style='position:relative'>
	<!--超管转让-->
	<div id='handOverCode' style='display:none;position:absolute;top:100px;height:250px;width:100%;background:#777;text-align:center;padding:20px 0'>
		<img src="../img/ewm.jpg" alt="" style='width:150px;height:150px'>	
		<div style='padding:10px 0'>
			受让人使用微信扫码，完成转让操作！
		</div>
		<div><button class='handOverBack'>返回</button></div>
	</div>

	<!--添加普管-->
	<div id='addAdminCode' style='display:none;position:absolute;top:100px;height:250px;width:100%;background:#777;text-align:center;padding:20px 0'>
		<img src="../img/ewm.jpg" alt="" style='width:150px;height:150px'>	
		<div style='padding:10px 0'>
			被提升权限人使用微信扫码，完成提权操作！
		</div>
		<div><button class='handOverBack'>返回</button></div>
	</div>
	
	<div style='height:100%;padding:5px' id='main' class='l1'>

		<div style='font-size:12px'>
			<a href="index.html" style='text-decoration:none'>首页</a>
			<div style='font-size:12px;float:right'>申请超管</div>
			<div style='font-size:12px;float:right;margin-right:20px'>修改小区口令</div>
		</div>

		

		<h2 style='text-align:center'>管理成员</h2>


		<div id='messageList'>
			<div style='line-height:50px;display:flex;margin:13px 0'>
				<div style='width:50px'><img src="../img/s9.jpg" alt="" style='width:50px;height:50px;border-radius:25px' /></div>
				<div style='flex:3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px'>果地佃世以</div>
				<div style='flex:1' id='handOver'>
					<span>转让</span>
					<span>罢免</span>
				</div>
				<div style='flex:1;text-align:right'>超管</div>
			</div>
			<div style='line-height:50px;display:flex;margin:13px 0'>
				<div style='width:50px'><img src="../img/s9.jpg" alt="" style='width:50px;height:50px;border-radius:25px' /></div>
				<div style='flex:3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px'>果地佃世以</div>
				<div style='flex:1' id='cancelAdmin'>撤消</div>
				<div style='flex:1;text-align:right'>管理</div>
			</div>
		</div>
		
		<div style='text-align:center'>
			<button id='addAdmin'>添加管理</button>
		</div>

	</div>




</body>
</html>
<script src='../public/jquery.js'></script>
<script src='../public/fun.js'></script>
<script>
$(function(){
	$('#handOver').click(function(){
		$('#handOverCode').show();
	});
	$('#addAdmin').click(function(){
		$('#addAdminCode').show();
	});

	$('.handOverBack').click(function(){
		$('#handOverCode,#addAdminCode').hide();
	});

});
</script>